<template>
  <div class="aboutmetwofu">
    <div class="aboutmetwo">
      <div class="aboutmetop">
        <div class="qungzu">
          <img src="img/22.gif" alt="">
        </div>
        <div class="qungzus" @click="fun()">
          <img src="img/23.gif" alt="">
        </div>
        <div class="qungzu">
          <img src="img/24.gif" alt="">
        </div>
      </div>
      <div class="xungzhang">我的勋章
        <div class="shuliang">共25枚</div>
      </div>
      
      <div class="aboutbottom">
        <img src="img/25.gif" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    fun(){
      this.$router.push("/Zyn")
    }
  },
};
</script>

<style scoped>
.aboutmetwofu{
  margin-top:1rem ;
}
.aboutmetwo {
  width: 95%;
  height: 2.4rem;
  margin:auto;
  border-radius: .1rem;
  background: #fff;
}
.aboutmetop{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 1rem;
  border-radius: .1rem;

}
.qungzu{
  width: 32%;
  height: .8rem;
  border-radius: .1rem;
  margin-top: .2rem;
} 
.qungzu img{
  display: flex;
  width: 100%;
  height: .8rem;
  border-radius: .1rem;
}
.qungzus{
  width: 32%;
  height: .8rem;
  border-radius: .1rem;
  margin-top: .2rem;
} 
.qungzus img{
  display: flex;
  width: 100%;
  height: .8rem;
  border-radius: .1rem;
}
.xungzhang{
  width: 100%;
  height: .4rem;
  font-size: .2rem;
  line-height: .4rem;
}
.shuliang{
  width: 1rem;
  height: 100%;
  float: right;
  font-size: .2rem;
  text-align: center;
}
.aboutbottom{
  width: 100%;
  height: 1rem;
  border-radius: .0rem 0rem .2rem .2rem;
}
.aboutbottom img{
  display: flex;
  width: 100%;
  height: .8rem;
}
</style>